<template>
  <div class="ht-search-form"
       style="margin-top: 6px">
    <p class="ht-form-title">库存信息</p>
    <el-row :gutter="24"
            class="ht-form-row"
            style="margin-top: 16px">
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">交酒单号</div>
        <div class="ht-de-content">
          {{ 1414 }}
        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">投料日期</div>
        <div class="ht-de-content">

        </div>
      </el-col>

      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">交酒日期</div>
        <div class="ht-de-content">

        </div>
      </el-col>

      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">实际交酒日期</div>
        <div class="ht-de-content">

        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">申请人</div>
        <div class="ht-de-content">

        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">排次</div>
        <div class="ht-de-content">

        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">摘酒类型</div>
        <div class="ht-de-content">

        </div>
      </el-col>
    </el-row>
    <p class="ht-form-title">交酒酒品</p>
    <el-row :gutter="24"
            class="ht-form-row"
            style="margin-top: 16px">
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酒品名称</div>
        <div class="ht-de-content">
          {{ 1414 }}
        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酒品代码</div>
        <div class="ht-de-content">

        </div>
      </el-col>

      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">生产年月</div>
        <div class="ht-de-content">

        </div>
      </el-col>

    </el-row>
    <p class="ht-form-title">酿造信息</p>
    <el-row :gutter="24"
            class="ht-form-row"
            style="margin-top: 16px">
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酿造厂区</div>
        <div class="ht-de-content">
          {{ 1414 }}
        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酿造车间</div>
        <div class="ht-de-content">

        </div>
      </el-col>

      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酿造班次</div>
        <div class="ht-de-content">

        </div>
      </el-col>
      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">班组名称</div>
        <div class="ht-de-content">

        </div>
      </el-col>

      <el-col class="ht-de-item"
              :span="4">
        <div class="ht-de-title">酿造池号</div>
        <div class="ht-de-content">

        </div>
      </el-col>

    </el-row>

  </div>
</template>
<script lang='ts'>
import { Component, Vue } from "vue-property-decorator";
interface State {
  /** 数据状态 */
  loading: boolean;
}
@Component
export default class Index extends Vue {
  /** 数据 */
  state: State = {
    loading: false,
  };
  /** 生命周期 */
  /** 方法 */
  /** 监听 */
  /** 计算属性 */
}
</script>
<style lang='scss' scoped></style>